#search,
header {
    height: 1.333333rem
}

#main div,
#search {
    border-bottom: .026667rem solid #ccc
}

#search button,
#search input {
    height: .8rem;
    margin-top: .266667rem
}

#footer img,
.navigation img {
    width: .533333rem;
    position: relative
}

* {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: #000
}

header {
    width: 100%;
    background-color: orange
}

header img:nth-of-type(1) {
    position: absolute;
    left: .666667rem;
    top: .4rem;
    width: 4.933333rem;
    height: .666667rem
}

header img:nth-of-type(2) {
    position: absolute;
    left: 8.666667rem;
    width: .906667rem;
    height: .906667rem;
    top: .2rem
}

#search input {
    border-radius: .533333rem;
    margin-left: .333333rem;
    width: 8.333333rem;
    background-color: #e5e5e5;
    border: 0
}

#search button {
    border-radius: .533333rem;
    background-color: orange;
    color: #fff;
    width: 2rem;
    position: absolute;
    right: .5rem;
    border: 0
}

#menu {
    height: 8.266667rem
}

#menu ul li {
    float: left;
    padding: .266667rem
}

#menu ul p {
    padding-top: .026667rem;
    padding-bottom: .133333rem;
    text-align: center;
    font-size: .346667rem
}

#menu img {
    padding-left: .3rem;
    padding-right: .3rem;
    width: 1.333333rem
}

.navigation {
    height: .933333rem;
    background-color: orange;
    line-height: .933333rem
}

.navigation span {
    text-align: left;
    font-size: 20px;
    color: #fff;
    font-weight: bolder;
    margin-left: .233333rem
}

.navigation img {
    top: .113333rem;
    left: 5.666667rem
}

#recommen ul li img {
    width: 3rem
}

#recommen ul li>span {
    display: inline-block;
    color: #333;
    font-size: 14px;
    position: relative;
    top: -80px;
    left: 50px
}

#footer #dibu span,
#footer a {
    display: block;
    text-align: center
}

#recommen ul li span:nth-of-type(1) span {
    color: red
}

#footer {
    padding-top: .533333rem;
    background-color: #f4f4f4
}

#footer a {
    width: 9.466667rem;
    height: .626667rem;
    line-height: .626667rem;
    border: 1px solid #ccc;
    border-radius: .233333rem;
    color: #000;
    margin: auto auto .533333rem;
    padding: .066667rem 0;
    -webkit-transform: translateY(.26666rem);
    -ms-transform: translateY(.26666rem);
    transform: translateY(.26666rem)
}

#footer img {
    top: .113333rem;
    left: 6.666667rem
}

#footer div {
    margin-bottom: .533333rem
}

#footer #dibu span {
    float: left;
    border: .026667rem solid #ccc;
    width: 3.28rem;
    height: .88rem;
    line-height: .88rem;
    margin-bottom: .266667rem
}

#footer #dibu p {
    text-align: center;
    margin-bottom: .266667rem
}

#main {
    height: 100%;
    background-color: #f5f5f5
}

#main div {
    height: 1.302667rem;
    line-height: .986667rem;
    font-size: 16px;
    padding-left: .266667rem;
}

#main ul {
    display: none;
    width: 100%;
    margin-bottom: .266667rem;
}

#main ul li {
    float: left;
    width: 2.473rem;
    height: 1.066667rem;
    font-size: .346667rem;
    color: #666;
    text-align: center;
    line-height: 1.066667rem;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
